<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>登的高</title>
  <script src="../vue.min.js"></script>
</head>
<body>
<div id="app">
<!--  使用-->
  <my-component></my-component>
</div>
<script>
  // 定义
  var MyComponent = Vue.extend({
    template: `<p>A custom component</p>`
  });
  //  使用
  // 把构造函数注册到 my-component 这个 id
  // 务必在初始化根实例之前注册组件
  Vue.component('my-component', MyComponent)
  new Vue({
    el: '#app'
  })
</script>
</body>
</html>